<!--驾驶员申请-->
<template>
  <div class="public-common">
    <div class="public-title">请选择查询条件</div>
    <el-form :model="form" label-width="120px">
      <el-row>
        <el-col :span="6">
          <el-form-item label="名称">
            <el-input size="small" v-model="form.ming"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="18">
          <el-button type="primary" style=" margin-left: 10px;">搜索</el-button>
          <el-button type="primary" @click="dialogVisible=true" style=" margin-left: 10px;">驾驶员申请</el-button>
          <el-button type="primary" style=" margin-left: 10px;">打印申请表</el-button>
          <el-button type="primary" style=" margin-left: 10px;">打印听课证</el-button>
        </el-col>
      </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 20px;">网约车驾驶员申请</div>
    <el-table :data="tabledata" size="mini" border stripe header-row-class-name="textcenter">
      <el-table-column label="学员姓名" fixed="left" prop="a1">
      </el-table-column>
      <el-table-column label="学期号" prop="a2">

      </el-table-column>
      <el-table-column label="学号" prop="a3">

      </el-table-column>
      <el-table-column label="性别" prop="a4">

      </el-table-column>
      <el-table-column label="身份证" prop="a5">

      </el-table-column>
      <el-table-column label="民族" prop="a6">

      </el-table-column>
      <el-table-column label="联系电话" prop="a7">

      </el-table-column>
      <el-table-column label="家庭住址" prop="a8">

      </el-table-column>
      <el-table-column label="初领驾驶证日期" prop="a9">

      </el-table-column>
      <el-table-column label="驾驶员档案编号" prop="a10">

      </el-table-column>
      <el-table-column label="准驾驶车型" prop="a11">

      </el-table-column>
      <el-table-column label="所属企业" prop="a12">

      </el-table-column>
      <el-table-column label="状态" prop="a13">

      </el-table-column>
      <el-table-column label="审核操作员姓名" prop="a14">

      </el-table-column>
      <el-table-column label="审核操作日期" prop="a15">

      </el-table-column>
      <el-table-column label="考试审核操作员姓名" prop="a16">
      </el-table-column>
      <el-table-column label="考试审核操作日期" prop="a17">

      </el-table-column>
      <el-table-column label="从业资格证件编号" prop="a18">

      </el-table-column>
      <el-table-column label="成绩录入人" prop="a19">

      </el-table-column>
      <el-table-column label="成绩录入时间" prop="a20">

      </el-table-column>
      <el-table-column label="合格状态" prop="a21">

      </el-table-column>
      <el-table-column label="考试时间" prop="a22">

      </el-table-column>
      <el-table-column label="考试地点" prop="a23">
      </el-table-column>
    </el-table>
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.now"
      :page-sizes="page.sizes" :page-size="page.pagesize" layout="total, sizes, prev, pager, next, jumper" :total="page.total"
      style="margin-top:10px;">
    </el-pagination>
    <el-dialog title="车辆基本信息" :visible.sync="dialogVisible" width="50%">
      <el-form :model="editForm" ref="editForm" label-width="80px" class="qysb-form-f">
        <el-scrollbar style="height:100%;">
          <el-row>
            <el-col :span="24" style="text-align: center;">
              <img src="../images/fuwutou.gif">
              <el-upload style="margin-left: 15px; margin-top: 10px;"
                class="upload-demo"
                action="https://jsonplaceholder.typicode.com/posts/"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :before-remove="beforeRemove"
                multiple
                :limit="3"
                :on-exceed="handleExceed"
                :file-list="fileList">
                <el-button size="small" type="primary">点击上传</el-button>
              </el-upload>
            </el-col>
          </el-row>
          <Div style="height: 25px;"></Div>
          <el-row>
             <el-col :span="8">
               <el-form-item label="姓名" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue1" ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="性别" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue2">
               			<el-option v-for="(v,i) in item" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="准驾车型" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue3">
               			<el-option v-for="(v,i) in item1" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
          </el-row>
          <el-row>
             <el-col :span="8">
               <el-form-item label="报考类型" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue4">
               			<el-option v-for="(v,i) in item2" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="民族" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue5">
               			<el-option v-for="(v,i) in item3" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="籍贯" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue6" ></el-input>
               </el-form-item>
             </el-col>
          </el-row>
          <el-row>
             <el-col :span="8">
               <el-form-item label="学历" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue7">
               			<el-option v-for="(v,i) in item4" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="政治面貌" class="cyqlabel">
               		<el-select  size="small"style="width: 100%;" placeholder="请选择"  v-model="editForm.netyue8">
               			<el-option v-for="(v,i) in item5" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
               		</el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="联系电话" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue9" ></el-input>
               </el-form-item>
             </el-col>
          </el-row>
          <el-row>
             <el-col :span="8">
               <el-form-item label="身份证号" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue10" ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="初领驾驶证日期" class="cyqlabel">
                 <el-date-picker style="width: 100%;" format="yyyy/MM/dd" value-format="yyyy/MM/dd" v-model="editForm.netyue11" type="date"></el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="驾驶证档案编号" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue12" ></el-input>
               </el-form-item>
             </el-col>
          </el-row>
          <el-row>
             <el-col :span="24">
               <el-form-item label="家庭住址" class="cyqlabel">
                  	<el-input size="small" v-model="editForm.netyue13" ></el-input>
               </el-form-item>
             </el-col>
          </el-row>
          <div style="text-align:center;margin-top:6px;">
            <el-button type="primary" @click="">确认</el-button>
            <el-button type="info" size="small" @click="dialogVisible=false">取消</el-button>
          </div>
        </el-scrollbar>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dialogVisible:false,
        fileList: [],
        editForm:{
            netyue1:'',
            netyue2:'',
            netyue3:'',
            netyue4:'',
            netyue5:'',
            netyue6:'',
            netyue7:'',
            netyue8:'',
            netyue9:'',
            netyue10:'',
            netyue11:'',
            netyue12:'',
            netyue13:'',
        },
        form: {
          ming: '',
        },
        tabledata: [
          {
              a1: '丁建国',
              a2: 'XQ1231',
              a3: 'XH4345',
              a4: '男',
              a5:'210111123121123212',
              a6: '汉族',
              a7: '13923423444',
              a8: '联合路六号',
              a9: '2018-10-10',
              a10: 'DA1233112',
              a11: 'C1',
              a12: '东风日产',
              a13: '审核通过',
              a14: '于海',
              a15: '2018-10-10',
              a16: '蔡玉昆',
              a17: '2018-10-10',
              a18: 'CY1231233',
              a19: '王开新',
              a20: '2018-10-10',
              a21: '合格',
              a22: '2018-10-10',
              a23: '西安交通大队'
          },
        ],
        page: {
          now: 1,
          pagesize: 10,
          sizes: [2, 10, 20, 50, 100],
          total: 0,
          key: ''
        },
        item:[
        	{text:'男',value:'0'},
        	{text:'女',value:'1'},
        ],
        item1:[
        	{text:'A1',value:'0'},
        	{text:'A2',value:'1'},
        	{text:'A3',value:'2'},
          {text:'B1',value:'3'},
          {text:'B2',value:'4'},
          {text:'C1',value:'5'},
          {text:'C2',value:'6'},
        ],
        item2:[
        	{text:'双科考试',value:'0'},
        ],
        item3:[
        	{text:'汉族',value:'0'},
        	{text:'阿昌族',value:'1'},
        	{text:'鄂温克族',value:'2'},
          {text:'傈僳族',value:'3'},
          {text:'水族',value:'4'},
          {text:'白族',value:'5'},

        ],
        item4:[
        	{text:'初中',value:'0'},
        	{text:'高中',value:'1'},
        	{text:'专科',value:'2'},
          {text:'本科',value:'3'},
          {text:'硕士',value:'4'},
          {text:'博士',value:'5'},
        ],
        item5:[
        	{text:'群众',value:'0'},
        	{text:'共青团员',value:'1'},
        	{text:'共产党员',value:'2'},
          {text:'其他',value:'3'},
        ],
      }
    },
    methods: {
      search() {
        alert("search")
      },
      //分页
      handleSizeChange(pagesize) {
        this.page.pagesize = pagesize;
        this.search(true, true);
      },
      handleCurrentChange(pageno) {
        this.page.now = pageno;
        this.search(true, true);
      },

      handleExceed(files, fileList) {
        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
      },
      beforeRemove(file, fileList) {
        return this.$confirm(`确定移除 ${ file.name }？`);
      }

    }
  }
</script>

<style>
  .el-form-item .el-form-item__label {
    width: 80px !important;
  }

  .el-form-item .el-form-item__content {
    margin-left: 80px !important;
  }

  .public-common .el-form-item .el-input {
    width: 100%;
  }

  .public-title {
    line-height: 30px;
    background-color: #deecfd;
    padding: 0 10px;
    margin-bottom: 20px;
    color: #15428F
  }
</style>
